<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>反馈状态更新</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; }
        .header { background-color: #1a237e; color: white; padding: 15px; border-radius: 5px 5px 0 0; }
        .content { padding: 20px; border: 1px solid #e8e8e8; border-top: none; border-radius: 0 0 5px 5px; }
        .info-table { width: 100%; border-collapse: collapse; margin: 15px 0; }
        .info-table td { padding: 8px; border-bottom: 1px solid #eee; }
        .label { width: 130px; font-weight: bold; color: #606266; }
        .status { color: #1a237e; font-weight: bold; }
        .footer { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; font-size: 12px; color: #666; }
    </style>
</head>
<body>
<div class="header">
    <h2>问题反馈状态更新</h2>
</div>
<div class="content">
    <p>您好，</p>
    <p>您提交的问题反馈状态已更新：</p>

    <table class="info-table">
        <tr>
            <td class="label">反馈ID：</td>
            <td th:text="${feedbackId}"></td>
        </tr>
        <tr>
            <td class="label">问题简述：</td>
            <td th:text="${summary}"></td>
        </tr>
        <tr>
            <td class="label">当前状态：</td>
            <td><span class="status" th:text="${statusName}"></span></td>
        </tr>
    </table>

    <p>如有任何疑问，请直接回复此邮件与我们联系。</p>

    <div class="footer">
        <p>此邮件由系统自动发送，请勿直接回复。</p>
    </div>
</div>
</body>
</html>